/* 
    Document   : style
    Created on : Oct 23, 2012, 11:19:36 PM
    Author     : Nguyen Men
    Description:
        Purpose of the stylesheet follows.
*/

/*
Theme Name: Thời khóa biểu
Theme URI: http://tkb.hus.vnu.edu.vn
Description: Trang web quản lý thời khóa biểu trường đại học KHTN
Version: 4.8
Author: Nguyen Men
Author URI: http://tkb.hus.vnu.edu.vn
Tags: tkb,cool,blue,Nice,Tutorial,khtn,hus,ĐHQGHN,KHTN,Theme
*/
* { margin: 0; padding: 0;}
body{
    font: 13px Arial, Helvetica, sans-serif;
    margin: 0 auto;
    padding: 0;
   background: url(../images/background.png) repeat left top;
}
 a {
    text-decoration: none;
}
a:link{ 
    font-family: Tahoma;
     font-size: 13px;			
    text-decoration: none; 
     color: #1548d9;
    }											
a:visited{
    font-family: Tahoma;
    font-size: 13px;			 
    text-decoration: none; 
    color: #1548d9;
}											
a:active {
    font-family: Tahoma;
    font-size: 13px;			 
    text-decoration: none; 
    color: #842207;
}											
a:hover {
     font-family: Tahoma;
     font-size: 13px;			 
    text-decoration: none; 
    color:#176092;
}

a img {
    border: none;
}
ol, ul {
	list-style: none;
}
/*-------------TOP-----------------------------------------*/
#top{
    height: 15%;
    background: url(../images/top.png) repeat-x top;
    font-size: 10pt;
    padding-top: 4px;
    color: white;
    text-align: left;
}
/*-------------WAPPER-------------------------------------*/
#wapper{
    width: 1000px;
    height: 80%;
    margin-left: 150px;
    margin-right: 150px;
    margin-top: 10px;
    background: white;
    border: 1px solid darkgrey;
}
/*--------------HEADER------------------------------------*/
header{
    height: 400px;
    margin: 10px 10px;
    position: relative;
    background: white;
}
/*---------------BANNER-----------------------------------*/
#banner{
    height: 120px;
    
}
#banner div#banner-left{
    float: left;
    position: relative;
}
#banner-left div#image1{
    position: absolute;
    top: 10px;
    left: 20px;
}
#banner-left div#image2{
    position: absolute;
    left: 180px;
    top: 10px;
}
#banner div#banner-right{
    float: right;
}

#banner-right div#image3{
    position: absolute;
    left: 940px;
    top: 50px;
}
/*-----------------MENU-HEADER---------------------------------*/
#menu-header{
    
    height: 300px;
    width: 1000px;
     position: relative;
}
#menu-header ul{
    position: absolute;
    width: 990px;
    left: 0px;
    top: 10px;
    margin-top: 40px;
    text-align: left;
    height: 25px;
    list-style: none;
    padding: 3px 1px 1px 10px;
    background: url(../images/menu.png) repeat-x;
}
#menu-header ul li{
      color: white;
      display: inline;
      font-size: 11pt;
      margin: 1px 1px 1px 20px;
      padding-right: 15px;
    
}
.item{
      border-right: 1px solid white;
}
#menu-header ul li a{
    color: white;
      text-decoration: none;
}
#menu-header ul li a:hover,#menu-header ul li a:active,#menu-header ul li a:target{
    color: black;
}
/*------------SEARCH-------------------------*/
#menu-header div#search{
    height: 25px;
    position: absolute;
    top: 50px;
    left: 700px;
}
div#search input{
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
     width: 200px;
    border: 1px solid #a4a4a4;
    padding: 2px 0px 5px 27px;
    background: white url(../images/search_icon.png) no-repeat 5px 50%;
}
#menu-header div#poster{
    height: 100px;
    position: absolute;
    top: 79px;
    left: 8px;
}
/*------------------CONTENT-------------------------*/
#content{
    height: 800px;
    margin-top: 20px;
    height: auto;
}
/*-------------------SIDEBAR-----------------------*/
#sidebar {
    float: left;
    width: 220px;
    background: #faf7f7;
    border: 1px solid #dad9d9;
    margin-left: 4px;
    margin-top: 15px;
    
}

#sidebar .boxes {
    background: white;
    font-size: 11pt;
    margin-top: -20px;
}

.boxes h2 {
    height: 25px;
    color: white;
    font-size: 11pt;
    text-align: center;
    background: url(../images/cat_bg.jpg) ;
    padding-top: 5px;
    margin-bottom: 13px;
}
.boxes div#menu {
    width: 220px;
    margin: -15px auto;
}

.on {
    color: #d54e21;

}
.active {
   
}
.menu-item {
    margin:-5px;
    padding: 5px;
    color: #363636;
}
.menu-item li{
    background: white;
    border-bottom: 1px dotted #000;
    height: 25px;
}
.menu-item li:hover,.menu-item li:active{
    background: #c7deef;
}
.menu-item li a{
    color: #363636;
    font-size: 10pt;
}
.menu-item li a:hover,a:active{
    color: black;

}
#menu h1 {
   font:85% helvetica; 
   font-weight: bold;
   height: 20px;
   color:#176092;
   padding: 5px 0px 5px 8px;
   border-bottom: 1px solid #999;
   cursor: pointer;
   background: url(../images/ul1.png);         
}
#menu .menu-item-title{
    height: 35px;
    background: url(../images/ul2.png);
}
/*---------------------LOGIN---------------------------------*/
#login{
    margin-top: 10px;
    background: white;
}
#login h2 {
    height: 22px;
    color: white;
    font-size: 11pt;
    text-align: center;
    background: url(../images/cat_bg.jpg)  ;
    padding-top: 5px;
    margin-top: 15px;
}
#login input[type=text], #login input[type=password]{
    margin-left: 40px;
    border: 1px solid #6c6c6c;
    height: 20px;
    width: 150px;
    -webkit-border-radius: 10px 10px 10px 10px;
 padding: 1px 1px 1px 1px;
 margin-top: -5px;
 text-align: center;
}
#login input[type=submit]{
    margin-top: 10px;
    margin-left: 70px;
    height: 26px;
    background: cornflowerblue;
    margin-bottom: 7px;
}
#login div.frlogin{
    margin-top: 6px;
    padding-bottom: 10px;
    margin-left: 70px;
    color: #176092;
    font-size: 11pt;
}
/*.uname{
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 8px;
    margin-left: 70px;
    color: #176092;
    font-size: 11pt;
}
.upass{
     margin-top: 6px;
     margin-bottom: 10px;
    padding-bottom: 10px;
    margin-left: 70px;
    color: #176092;
    font-size: 11pt;
}
#login p{
	margin-bottom:10px;
}*/
.xuli-form ul li{
    color: blue;
    line-height: 13px;
    font-size: 10pt;
    margin-left: 5px;
}

#login img{
    margin-left: 16px;
}
#login a{
   color: #842207;
   margin-left: 6px;
   font-size: 10pt;
}
#login a:hover,#login a:active{
    color: red;
}
/*------------------PRIMARY------------------------------*/
#primary {
    float: right;
    width: 750px;
    color: black;
   background: white;
}


/*------------------FOOTER------------------------------*/
#footer{
    clear: both;
    height: 10%;
   
    
}
#menu-footer{
    height: 30%;
}
#menu-footer ul{
    text-align: center;
    height: 30%;
    list-style: none;
    padding: 3px 1px 1px 1px;
    background: url(../images/menu.png) repeat-x;
}
#menu-footer ul li{
      color: white;
      display: inline;
      margin: 1px 1px 1px 20px;
      padding-right: 15px;
}
.item{
      border-right: 1px solid white;
}
#menu-footer ul li a{
    color: white;
      text-decoration: none;
      font-size: 10pt;
}

#text{
    height: 70%;
    background: url(../images/bg.jpg);
}
#text p{
    padding-top: 5px;
    color: #1548d9;
    text-align: center;
    margin-bottom: 5px;
}
#bottom{
    height: 4%;
    background: url(../images/background.png) repeat left bottom;
}